<!DOCTYPE html>
<html lang="en" data-vue="vmMatches" >
<head>
    <meta charset="UTF-8">
    <title data-localize="pages.matches.head.title"></title>
    <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta name="Description" data-localize="pages.matches.head.desc" content="">
    <meta name="Keywords" data-localize="pages.matches.head.keywords" content="">
    <link href="res/images/cont/favicon.ico" rel="shortcut icon">

    <link rel="stylesheet" href="res/css/all-common.css">
    <link rel="stylesheet" href="res/css/match.css">

    <!--html font size set-->
    <script src="res/js/set-font-size.js"></script>


    <!--js common start-->
    <script src="res/lib/jquery/jquery.min.js"></script>
    <script src="res/lib/jquery/jquery-localize/jquery.localize.js"></script>
    <script src="res/lib/store/store-json2.min.js"></script>
    <script src="res/lib/vue/vue.min.js"></script>
    <script src="res/lib/moment/moment.min.js"></script>
    <script src="res/lib/moment/moment-locales.min.js"></script>
    <script src="res/js/common.js"></script>
    <!--js common end-->

</head>
<body>
<header class="p-clear-fix">
    <p class="lang" id="langBox">
                <a href="javascript:void(0);" data-lang="zh-TW">繁体中文</a> /
                <a href="javascript:void(0);" data-lang="zh-CN">简体中文</a> /
                <a href="javascript:void(0);" data-lang="en">English</a>
   </p>

    <h1>
        <a href="/index.html" title="Logo" class="flex-abs-mid"><img src="res/images/cont/index/logo.png" /></a>
    </h1>

<!--    <div class="login">
        <a href="#">
            <img src="res/images/cont/index/login-2.png" />
        </a>


        <p class="login-btn hide">
            <a href="#" class="p-btn-round">登陆</a>
            <a href="#">注册</a>
        </p>

        <p class="user-info ">
            <a href="#"><img src="res/images/cont/index/user-male.png" /></a>
            <a href="#" class="name">Aaron.Ming Aaron.Ming</a>
            <a href="#" class="p-btn-round">退出</a>
        </p>


    </div>-->
</header>
<!--main nav-->
<nav class="p-clear-fix">
    <ul class="p-clear-fix" id="mainNav">
        <li data-name="index"><a href="index.html" data-localize="nav.news" ></a></li>
        <li data-name="points"><a href="points.html" data-localize="nav.points"></a></li>
        <li data-name="matches"><a href="matches.html" data-localize="nav.matches"></a></li>
        <li data-name="rating"><a href="rating.html" data-localize="nav.rating"></a></li>
    </ul>
</nav>
<section class="area">
    <ul id="regionArea">
        <li  data-val="50"  class="cur"><img src="res/images/cont/location/location-global.png" class="global-img" > <span>Global</span></li>
        <li  data-val="45"><img src="res/images/cont/location/location-lck.png"> <span>LCK</span></li>
        <li  data-val="44"><img src="res/images/cont/location/location-lcseu.png"> <span>EULCS</span></li>
        <li  data-val="41"><img src="res/images/cont/location/location-lpl.png" > <span>LPL</span></li>
        <li  data-val="43"><img src="res/images/cont/location/location-lcsna.png" > <span>NALCS</span></li>
        <li  data-val="42"><img src="res/images/cont/location/location-lms.png" > <span>LMS</span></li>
    </ul>
</section>


<!-- tab -->
<div class="p-tab match">
    <ul class="p-tab-h p-clear-fix"  id="matchType">
        <li class="cur" data-view="fixtures"><span data-localize="pages.matches.tab.fixtures"></span></li>
        <li  data-view="results"><span data-localize="pages.matches.tab.results"></span></li>
    </ul>
    <div class="p-tab-c">
        <div class="p-tab-item ">
            <!--未来赛事-->
<div class="fixtures" id="matchesFixtures">
        <div class="date">18:00 PM <span class="p-yellow">BO3</span>
            <div class="dateri">
                <li>预测比分：</li>
                <li><img src="../..res/images/cont/replay/g.png"></li>
                <li >2 : 3</li>
                <li><img src="../..res/images/cont/replay/hz.png"></li>
            </div>
        </div>
            <div class="fixtures-item p-clear-fix">
                <div class="m">
                    <div class="row-1 p-clear-fix">
                        <img src="../..res/images/cont/replay/g.png">
                        <div class="img-box">EDG Gaming</div>
                    </div>
                    <div class="row-2 p-clear-fix">
                        <img src="../..res/images/cont/replay/hz.png">
                        <div class="img-box">Vici Gaming</div>
                    </div>
                </div>
                <div class="status">
                    <a class="btn-video">查看直播</a>
                </div>

            </div>



    <div class="date">18:00 PM <span class="p-yellow">BO3</span>
        <div class="dateri">
            <li>预测比分：</li>
            <li><img src="../..res/images/cont/replay/g.png"></li>
            <li >2 : 3</li>
            <li><img src="../..res/images/cont/replay/hz.png"></li>
        </div>
    </div>
    <div class="fixtures-item p-clear-fix">
        <div class="m">
            <div class="row-1 p-clear-fix">
                <img src="../..res/images/cont/replay/g.png">
                <div class="img-box">EDG Gaming</div>
            </div>
            <div class="row-2 p-clear-fix">
                <img src="../..res/images/cont/replay/hz.png">
                <div class="img-box">Vici Gaming</div>
            </div>
        </div>
        <div class="status">
            <a class="no-video">剩1小时46分</a>
        </div>
    </div>




</div>
        </div>

        <div class="p-tab-item hide">
            <!--最新赛果-->
<div class="results"  id="matchesResults">
    <template v-for="item in list ">
        <div class="date"><span>{{item.Date | formatDateWeek}}</span></div>
        <template  v-for="match in item.arr">
            <div class="results-item">
                <div class="m">
                    <div class="row-1 p-clear-fix">
                        <div class="img-box"><img src="{{match.ATeamSrc}}"></div>
                        <h3>{{match.ATeamName}}</h3>
                        <p  v-bind:class="{
                         'p-green': match.AScore>match.BScore,
                         'p-red': match.AScore<match.BScore }">{{match.AScore}}</p>
                    </div>
                    <div class="row-2 p-clear-fix">
                        <div class="img-box"><img src="{{match.BTeamSrc}}"></div>
                        <h3>{{match.BTeamName}}2</h3>
                        <p v-bind:class="{
                         'p-green': match.BScore>match.AScore,
                         'p-red': match.BScore<match.AScore }">{{match.BScore}}</p>
                    </div>
                    <div class="status">
                        <a class="btn-video" v-if="match.Live" v-bind:href="{{match.LiveLink}}">查看直播</a>
                        <span v-else>{{match.Date | formatDateBack}}</span>
                    </div>

                </div>
            </div>
       </template>
    </template>


    <div class="load-more">
        <div class="load-wrap">
            <div class="loader">
                <div class="dot"></div>
                <div class="dot"></div>
                <div class="dot"></div>
                <div class="dot"></div>
                <div class="dot"></div>
            </div>
            <div class="loader-text" data-localize="load.text"></div>
        </div>
        <div class="none-data" data-localize="load.noText"></div>
        <div class="load-fail" data-localize="load.failText"></div>
    </div>
</div>
        </div>

    </div>
</div>

<!--footer-->
<footer id="footer">
    <p>©T.E.C.H.Ltd</p>
</footer>

<!--page js-->
<script src="res/js/matches.js"></script>
</body>
</html>